<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <title>${category.name}</title>
    <meta name="decorator" content="cms_default_${site.theme}"/>
    <meta name="description" content="${category.description}" />
    <meta name="keywords" content="${category.keywords}" />
    <style>

        .container{
            width:100%;
        }
        /*焦点图*/
        .banner{
            width:100%;
            height:601px;
        }
        .banner img{
            display:block;
            width:100%;
            height:601px;
        }

        /*学院及教师介绍*/
        .introduce{
            width: 100%;
            height: 1388px;
        }

        /*学院介绍*/
        .introduce .school{
            width: 100%;
            height: 724px;
        }
        .introduce .school .row{
            width: 1076px;
            height: 724px;
            margin: 0 auto;
        }
        .introduce .school .row .title{
            width:100%;
            height:142px;
            text-align: center;
            padding-top:92px;
        }
        .introduce .school .row .title h2{
            font-size:26px;
            display: inline;
            border-bottom:1px solid #c9c9c9;
            padding-bottom:8px;
        }
        .introduce .school .row .title h4{
            font-size:20px;
            font-weight:normal;
            border-left:none;
            background-color: #fff;
        }
        .introduce .school .row .contents{
            width:100%;
            height:490px;
            position:relative;
        }
        .school .row .contents .place{
            position:absolute;
            left:0;
            top:45px;
            z-index:10;
        }
        .school .row .contents .article{
            width:750px;
            height:394px;
            background-color: #f2f2f2;
            position:absolute;
            left:324px;
            top:0;
        }
        .school .row .contents .article h3{
            font-size:24px;
            position:absolute;
            left:100px;
            top:62px;
        }
        .school .row .contents .article .line{
            display:block;
            width:40px;
            height:4px;
            background-color: #bebebe;
            position:absolute;
            left:100px;
            top:112px;
        }
        .school .row .contents .article .p{
            width:620px;
            position:absolute;
            left:100px;
            top:165px;
            font-size:16px;
            line-height:26px;
            color:#4b4b4b;
        }

        /*教师介绍*/
        .introduce .teacher{
            width:100%;
            height:664px;
            background: url(background.jpg) no-repeat 0 0;
        }
        .introduce .teacher .row{
            width:1076px;
            height:664px;
            margin:0 auto;
            position:relative;
        }
        .introduce .teacher .row .portrait{
            position:absolute;
            left:452px;
            top:70px;
            display:block;
        }
        .introduce .teacher .row b{
            font-size:32px;
            color:#fff;
            position:absolute;
            left:442px;
            top:260px;
            line-height:40px;

        }
        .introduce .teacher .row span{
            color:#fff;
            font-size:18px;
            position:absolute;
            left:546px;
            top:274px;
        }
        .introduce .teacher .row ul{
            width:816px;
            position:absolute;
            left:112px;
            top:334px;
            color:#fff;
            display:flex;
            justify-content: space-between;
            align-items: center;
        }
        .introduce .teacher .row ul li{
            float:left;
            font-size:18px;
            font-weight:600;
        }
        .introduce .teacher .row .p1{
            width:100%;
            position:absolute;
            left:0;
            top:378px;
            color:#fff;
            font-size:18px;
            text-align: center;
        }
        .introduce .teacher .row .research{
            width:834px;
            height:126px;
            position:absolute;
            left:120px;
            top:460px;
            color:#fff;
            font-size:18px;
        }
        .teacher .row .research .research1{
            width:260px;
            height:126px;
            float:left;
            margin-right:29px;
            margin-top:8px;
        }
        .teacher .row .research .research1 img{
            display:block;
            margin:0 auto;
            margin-bottom:34px;
        }
        .teacher .row .research .research2{
            width:198px;
            height:126px;
            float:left;
            margin-right:36px;
        }
        .teacher .row .research .research2 img{
            display:block;
            margin:0 auto;
            margin-bottom:27px;
        }
        .teacher .row .research .research3{
            width:311px;
            height:126px;
            float:left;
            margin-top:7px;
        }
        .teacher .row .research .research3 img{
            display:block;
            margin:0 auto;
            margin-bottom:34px;
        }

        /*近期培训*/
        .training{
            width:100%;
            height:748px;
        }
        .training .row{
            width:1016px;
            height:100%;
            /*background-color: #1a99e2;*/
            margin:0 auto;
        }
        .training .row .title{
            width:100%;
            height:122px;
            text-align:center;
            padding-top:90px;
        }
        .training .row .title h2{
            font-size:26px;
            display: inline;
            border-bottom:1px solid #c9c9c9;
            padding-bottom:8px;
        }
        .training .row .title h4{
            font-size:20px;
            font-weight:normal;
            border-left:none;
            background-color: #fff;
        }
        .training .row .contents{
            width:100%;
            height:536px;
            display:flex;
            justify-content: space-between;
            align-items: flex-start;
        }
        .training .row .contents div{
            float:left;
            width:235px;
            margin-right:25px;
        }
        .training .row .contents .last{
            margin-right:0;
        }
        .training .row .contents div h3{
            font-size:18px;
        }
        .training .row .contents div p{
            font-size:12px;
            color:#aeaeae;
        }


        /*成功创业案例*/
        .cases{
            width:100%;
            height:612px;
            background-color: #f2f2f2;
        }
        .cases .row{
            width:1200px;
            height:100%;
            margin:0 auto;
        }
        .cases .row .title{
            height:144px;
            width:100%;
            padding-top:92px;
            text-align: center;
        }
        .cases .row .title h2{
            font-size:26px;
            display: inline;
            border-bottom:1px solid #c9c9c9;
            padding-bottom:8px;
        }
        .cases .row .title h4{
            font-size:20px;
            font-weight:normal;
            border-left:none;
            background-color: #f2f2f2;
        }
        .cases .row .contents{
            width:100%;
            height:376px;
        }
        .cases .row .contents .left{
            background-color: #fff;
            width:590px;
            height:282px;
            float:left;
        }
        .cases .row .contents .left img{
            display:block;
            float:left;
            width:199px;
            height:282px;
        }
        .cases .row .contents .left div{
            float:left;
            width:371px;
            height:282px;
            padding-left:20px;
        }
        .cases .row .contents .left h5{
            font-size:16px;
            color:#414141;
            border-left:none;
            background-color: #fff;
            margin:0;
            padding:0;
            padding-top:42px;
            padding-bottom:18px;
        }
        .cases .row .contents .left h4{
            font-size:18px;
            color:#4a4a4a;
            border-left:none;
            background-color: #fff;
            margin:0;
            padding:0;
            margin-bottom:18px;
        }
        .cases .row .contents .left p{
            font-size:14px;
            color:#9c9c9c;
        }
        .cases .row .contents .right{
            background-color: #fff;
            width:590px;
            height:282px;
            float:right;
        }
        .cases .row .contents .right img{
            display:block;
            width:199px;
            height:282px;
            float:left;
        }
        .cases .row .contents .right div{
            float:left;
            width:371px;
            height:282px;
            padding-left:20px;
        }
        .cases .row .contents .right h5{
            font-size:16px;
            color:#414141;
            border-left:none;
            background-color: #fff;
            margin:0;
            padding:0;
            padding-top:42px;
            padding-bottom:18px;
        }
        .cases .row .contents .right h4{
            font-size:18px;
            color:#4a4a4a;
            border-left:none;
            background-color: #fff;
            margin:0;
            padding:0;
            margin-bottom:18px;
        }
        .cases .row .contents .right p{
            font-size:14px;
            color:#9c9c9c;
        }
    </style>
</head>
<body>

<%--焦点图--%>
<div class="banner">
    <img src="banner.jpg">
</div>

<%--学院及教师介绍--%>
<div class="introduce">
    <div class="school">
        <div class="row">
            <div class="title">
                <h2>INTRODUCE</h2>
                <h4>学院介绍</h4>
            </div>
            <div class="contents">
                <div class="place">
                    <img src="place.jpg"/>
                </div>
                <div class="article">
                    <h3>雅泰电商学院</h3>
                    <span class="line"></span>
                    <div class="p">
                        <p>河北雅泰集团旗下雅泰电子商务职业培训学校（简称“雅泰电商学院”）是专业的电子商务培训机构，专门为社会各界培养、培训、输送电商人才。</p>
                        <p>雅泰电商学院依托集团多年的电商资源积累，秉承“实用、高效”的宗旨，通过分析电商运营模式，推出一系列电子商务实战营销课程，为学员提供“实战、前沿”的电子商务培训和网络营销培训。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="teacher">
        <div class="row">
            <img src="portrait.png" class="portrait"/>
            <b>曹华耀</b>
            <span>花名：宝儿</span>
            <ul>
                <li>沧州市电子商务协会讲师团团长</li>
                <li>河北雅泰信息科技集团培训总监</li>
                <li>雅泰电商学院主讲师</li>
            </ul>
            <p class="p1">2004年步入电商领域——2014年在广州创办淘友会，2500淘宝卖家抱团共同研究网店运营技巧——2014年创办【宝儿电商学院】</p>
            <div class="research">
                <div class="research1">
                    <img src="research1.png"/>
                    <p>市场导向分析、SEO、店铺诊断</p>
                </div>
                <div class="research2">
                    <img src="research2.png"/>
                    <p>数据分析、店铺运营规划</p>
                </div>
                <div class="research3">
                    <img src="research3.png"/>
                    <p>第三方推广，运营和操作店铺1000余家</p>
                </div>
            </div>
        </div>
    </div>
</div>

<%--近期培训--%>
<div class="training">
    <div class="row">
        <div class="title">
            <h2>TRAINING</h2>
            <h4>近期培训</h4>
        </div>
        <div class="contents">
            <div>
                <img src="training1.png"/>
                <h3>沧县残联电商创业培训</h3>
                <p>此次培训为期10天，学员们白天进行知识培训，晚上进行实操练习，真正做到了学以致用，为日后学员的自我创业奠定了坚实基础。</p>
            </div>
            <div>
                <img src="training2.png"/>
                <h3>新华区残联电商创业培训</h3>
                <p>专门为新华区残联协会举办的电商创业类培训班。旨在为社会残疾人员提供创业机会，培养他们的自信和能动性，帮助他们更好地发展和生活。</p>
            </div>
            <div>
                <img src="training3.png"/>
                <h3>残联电商就业（创业）培训</h3>
                <p>此次培训针对残疾儿童家长，帮助他们在照顾孩子、配合培训中心康复之外的闲暇时间进行自主创业，达到减轻生活压力、增加家庭收入的目的。</p>
            </div>
            <div class="last">
                <img src="training4.png"/>
                <h3>盐山县残疾人联合会残疾人“互联网+”培训班</h3>
                <p>此次培训班专门针对盐山县区域内各村镇残疾人，为的就是帮助他们进行电商创业培训，实现自己心中的梦想。</p>
            </div>
        </div>
    </div>
</div>

<%--成功创业案例--%>
<div class="cases">
    <div class="row">
        <div class="title">
            <h2>SUCCESSFUL CASES</h2>
            <h4>成功创业案例</h4>
        </div>
        <div class="contents">
            <div class="left">
                <img src="cases1.png"/>
                <div>
                    <h5>农村90后宝妈月入30万，带娃挣钱两不误</h5>
                    <h4>李胜男 眼光独到</h4>
                    <p>家有二宝，家庭承担双倍的经济压力。在丈夫的提议下，李胜男开始接触电商；但两人都没有运营经验，店内冷冷清清。经担任沧县李韩店乐农服务站站长的同学曹桂云介绍与雅泰集团旗下雅泰电商学院结缘。通过两个月的免费线上培训正式入门。如今，李胜男的网店已从普通店铺升级为皇冠店铺，月售万余件商品，月销售额达三十余万。</p>
                </div>
            </div>
            <div class="right">
                <img src="cases2.png"/>
                <div>
                    <h5>农村小伙成商业“大鳄”，月入百万</h5>
                    <h4>霍树海 生性大胆开朗</h4>
                    <p>发现商机并建立了河北省第一家正规的鳄鱼养殖场。但由于养殖经验不足及当地市场的局限性，很快就入不敷出，捉襟见肘。2016年12月，偶然参加了雅泰集团旗下雅泰电商学院的泊头电商培训班。他醍醐灌顶，深受启发。经老师指导后，随后逐渐打开销路，蒸蒸日上。如今，他的“鳄泊源”产品和“伊诗漫”皮具遍布全省，远销全国。</p>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
